page {
	width: 100%;
	height: 100%;
	background: #FFFFFF;
}
.imageronghe {
	width: 100%;
	// height: 100%;
	display: flex;
	flex-direction: column;
	
	.top {
		width: 697rpx;
		height: 769rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		margin: 0rpx auto 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: relative;
		
		.top_mid {
			position: relative;
			width: 657rpx;
			height:670rpx;
			margin-top: 60rpx;
			border-radius: 10rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			box-shadow: 0px 0px 10rpx rgba(0,0,0,0.2);
			.no_yulan_tip{
				position: absolute;
				width: 100%;
				text-align: center;
				bottom: 15rpx;
				color: #7E8BFF;
				font-size: 25rpx;
			}
			.triangle {
				position: absolute;
				right: 0;
				bottom: 0;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 0 0 80rpx 80rpx; /* 右下斜边 */
				border-color: transparent transparent #4cd964 transparent; /* 绿色在下，其他透明 */
				z-index: 98;
			}
			.gougou {
				position: absolute;
				right: 10rpx; /* 微调位置 */
				bottom: 2rpx; /* 微调位置 */
				z-index: 99;

			}
			.top_fuceng {
				width: 137rpx;
				height: 143rpx;
				background: rgba(255, 255, 255, 0.7);
				border-radius: 7rpx;
				position: absolute;
				bottom: 45rpx;
				left: 80rpx;
				transform: translateX(-50%);
				display: flex;
				flex-direction: row;
				align-items: center;
				padding-left: 17rpx;
				.imuban {
					width: 109rpx;
					height: 109rpx;
					border-radius: 7rpx;
					margin-right: 11rpx;
				}
				.active {
					border: 4rpx solid red;
				}
			}
			
			.progress{
				color: #333;
				width: 95%;
				margin-left: 10rpx;
				margin-bottom: 30rpx;
			}
			
			
			.ii {
				width: 67rpx;
				height: 67rpx;
			}
			.tt {
				margin-top: 20rpx;
				font-family: PingFang SC;
				font-weight: 300;
				font-size: 29rpx;
				color: #333;
			}
			.imuban {
				width: 100%;
				height: 100%;
			}
		}
	}
	// .mubanView{	
	// 	position: absolute;
	// 	top:10rpx;
	// 	right:20rpx;
	// 	width: 60rpx;
	// 	height:60rpx;
	// }
	.mubanBtnn {		
		position: absolute;
		top:10rpx;
		right:0rpx;
		background:#7E8BFF;
		width: 60rpx;
		height:60rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius:30rpx;
		.mubanBtnnClose{
			position: absolute;
			top:50%;
			left: 50%;
			transform: translate(-50%,-50%);
			
		}
	}
	.middle {
		width: 697rpx;
		height: 133rpx !important;
		border-radius: 20rpx;
		margin: 20rpx auto 0;
		display: flex;
		flex-direction: row;
		align-items: center;
		.middle_uoplaod_icon{
			background-image: url('/static/img/uploadIcon.png');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: top center;
		}
		.middle_1 {
			position: relative;
			// z-index: 999999;
			overflow: hidden;
			width: 124rpx;
			height: 126rpx;
			
			margin-left: 20rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			.ii {
				width: 60rpx;
				height: 60rpx;
			}
			.itarget {
				text-align: center;
				overflow: hidden;
				// padding-top: 4rpx;
				display: flex;
				justify-content: center;
				width: 124rpx;
				height: 126rpx;
				border-radius: 80rpx 40rpx 80rpx 40rpx;
			}
		}
		.active {
			border: 4rpx solid red;
		}
		.tt {
			font-family: PingFang SC;
			font-weight: 300;
			font-size: 25rpx;
			color: #333;
			margin-left: 20rpx;
			width: 72%;
		}
	}
	.bottom {
		width: 697rpx;
		
		border-radius: 20rpx;
		margin: 20rpx auto 0;
		.item {
			min-height: 94rpx;
			justify-content: space-between;
			.item_1 {
				display: flex;
				flex-direction: row;
				align-items: center;
				margin-bottom: 15rpx;
				.t1_icon{					
					width: 24rpx;
					height: 24rpx;
					margin-left: 5rpx;
				}
				.t1 {
					font-family: PingFang SC;
					font-weight: 300;
					font-size: 29rpx;
					color: #333333;
					margin-left: 20rpx;
				}
				.t2{
					// margin-top: 5rpx;
				}
			}
			.ro {
				 transform: scale(0.7);				 
				 position: relative;
				 top: 2px;
				 /* #ifdef  MP-WEIXIN */
				 top:-2rpx;
				 /* #endif */		
				
			}
			.tt {
				font-size: 29rpx;
				color: #7E8BFF;
			}
			.radioGroup{
				display: flex;
				label{
					width: 25%;
				}
			}
		}
	}

	.btn {
		width: 697rpx;
		height: 92rpx;
		line-height: 92rpx;
		background: linear-gradient( 245deg, #7E8BFF 5%, #A3ACFF 99%);
		border-radius: 24rpx;
		margin: 20rpx auto 0;
		font-family: PingFang SC;
		font-weight: 300;
		font-size: 28rpx;
		color: #ffffff;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.tip {
		width:100%;
		background:#fff;
		border-radius:36rpx;
		padding: 30rpx;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		.t1 {
			font-family: PingFang SC;
			font-weight: bold;
			font-size: 31rpx;
			color: #333;
			margin-bottom: 10rpx;
			text{
				color:red;
			}
		}
		.t2 {
			font-family: PingFang SC;
			font-weight: 300;
			font-size: 27rpx;
			color: #333;
			line-height: 48rpx;
		}
	}

	.t_price {
		
		color: white;
		width: 697rpx;
		margin: 0 auto;
		font-size: 20rpx;
		text-align: center;
	}
}
